<%@ page language="java" import="java.util.*" pageEncoding="UTf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Xenon Boostrap Admin Panel" />
<meta name="author" content="" />

<title>文件系统</title>

<link rel="stylesheet" href="assets/css/fonts/linecons/css/linecons.css">
<link rel="stylesheet"
	href="assets/css/fonts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/xenon-core.css">
<link rel="stylesheet" href="assets/css/xenon-forms.css">
<link rel="stylesheet" href="assets/css/xenon-components.css">
<link rel="stylesheet" href="assets/css/xenon-skins.css">
<link rel="stylesheet" href="assets/css/custom.css">
<link rel="stylesheet" href="textModel/css/zeroModal.css">
<link rel="stylesheet" href="DPlayer/DPlayer.min.css">

<script src="assets/js/jquery-1.11.1.min.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->


</head>
<body class="page-body">

	<div class="settings-pane">

		<a href="#" data-toggle="settings-pane" data-animate="true">
			&times; </a>

		<div class="settings-pane-inner">

			<div class="row">

				<div class="col-md-4">

					<div class="user-info">

						<div class="user-image">
							<a href="extra-profile.html"> <img
								src="assets/images/user-2.png" class="img-responsive img-circle" />
							</a>
						</div>

						<div class="user-details">

							<h3>
								<a href="extra-profile.html">John Smith</a>

								<!-- Available statuses: is-online, is-idle, is-busy and is-offline -->
								<span class="user-status is-online"></span>
							</h3>

							<p class="user-title">Web Developer</p>

							<div class="user-links">
								<a href="extra-profile.html" class="btn btn-primary">Edit
									Profile</a> <a href="extra-profile.html" class="btn btn-success">Upgrade</a>
							</div>

						</div>

					</div>

				</div>

				<div class="col-md-8 link-blocks-env">

					<div class="links-block left-sep">
						<h4>
							<span>Notifications</span>
						</h4>

						<ul class="list-unstyled">
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk1" /> <label for="sp-chk1">Messages</label>
							</li>
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk2" /> <label for="sp-chk2">Events</label>
							</li>
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk3" /> <label for="sp-chk3">Updates</label>
							</li>
							<li><input type="checkbox" class="cbr cbr-primary"
								checked="checked" id="sp-chk4" /> <label for="sp-chk4">Server
									Uptime</label></li>
						</ul>
					</div>

					<div class="links-block left-sep">
						<h4>
							<a href="#"> <span>Help Desk</span>
							</a>
						</h4>

						<ul class="list-unstyled">
							<li><a href="#"> <i class="fa-angle-right"></i> Support
									Center
							</a></li>
							<li><a href="#"> <i class="fa-angle-right"></i> Submit a
									Ticket
							</a></li>
							<li><a href="#"> <i class="fa-angle-right"></i> Domains
									Protocol
							</a></li>
							<li><a href="#"> <i class="fa-angle-right"></i> Terms of
									Service
							</a></li>
						</ul>
					</div>

				</div>

			</div>

		</div>

	</div>

	<div class="page-container">
		<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

		<jsp:include page="menu.jsp" flush="true" >
			<jsp:param name="selectSuper" value="1"/> 
     		<jsp:param name="selectIndex" value="2"/> 
		</jsp:include>

		<div class="main-content">

			<jsp:include page="title.jsp" flush="true" />

			<div class="page-title">
				
				
				
				<div class="title-env">
					<h1 class="title">文件系统</h1>
					<p class="description">可以浏览数据中心文件</p>
				</div>

				<div class="breadcrumb-env">

					<ol class="breadcrumb bc-1" id="pathItem">
						<li><a href="javascript:loadRoots()"><i class="fa-home"></i>Home</a></li>
					</ol>

				</div>

			</div>
			<script type="text/javascript">
				// Sample Javascript code for this page
				jQuery(document)
						.ready(
								function($) {
									// Sample Select all images
									$("#select-all")
											.on(
													'change',
													function(ev) {
														var is_checked = $(this)
																.is(':checked');

														$(
																".album-image input[type='checkbox']")
																.prop(
																		'checked',
																		is_checked)
																.trigger(
																		'change');
													});

									// Edit Modal
									$('.gallery-env a[data-action="edit"]').on(
											'click',
											function(ev) {
												ev.preventDefault();
												$("#gallery-image-modal").modal('show');
											});

									// Delete Modal
									$('.gallery-env a[data-action="trash"]')
											.on(
													'click',
													function(ev) {
														ev.preventDefault();
														$(
																"#gallery-image-delete-modal")
																.modal('show');
													});

									// Sortable

									$('.gallery-env a[data-action="sort"]')
											.on(
													'click',
													function(ev) {
														ev.preventDefault();

														var is_sortable = $(
																".album-images")
																.sortable(
																		'instance');

														if (!is_sortable) {
															$(
																	".gallery-env .album-images")
																	.sortable(
																			{
																				items : '> div'
																			});

															$(
																	".album-sorting-info")
																	.stop()
																	.slideDown(
																			300);
														} else {
															$(".album-images")
																	.sortable(
																			'destroy');
															$(
																	".album-sorting-info")
																	.stop()
																	.slideUp(
																			300);
														}
													});
								});
			</script>

			<section class="gallery-env">

			<div class="row">

				<!-- Gallery Album Optipns and Images -->
				<div class="col-sm-9 gallery-right">

					<!-- Album Header -->
					<div class="album-header">
						<h2>General</h2>

						<ul class="album-options list-unstyled list-inline">
							<li><input type="checkbox" class="cbr" id="select-all" /> <label
								for="select-all">Select all</label></li>
							<li><a href="#"> <i class="fa-upload"></i> Add Images
							</a></li>
							<li><a href="#" data-action="sort"> <i class="fa-arrows"></i>
									Re-order
							</a></li>
							<li><a href="#" data-action="edit"> <i class="fa-edit"></i>
									Edit
							</a></li>
							<li><a href="#" data-action="trash"> <i class="fa-trash"></i>
									Trash
							</a></li>
						</ul>
					</div>

					<!-- Sorting Information -->
					<div class="album-sorting-info">
						<div class="album-sorting-info-inner clearfix">
							<a href="#"
								class="btn btn-secondary btn-xs btn-single btn-icon btn-icon-standalone pull-right"
								data-action="sort"> <i class="fa-save"></i> <span>Save
									Current Order</span>
							</a> <i class="fa-arrows-alt"></i> Drag images to sort them
						</div>
					</div>

					<!-- Album Images -->
					<div class="album-images row" id="files">

						

						

					</div>



				</div>
				<script type="text/javascript">
					function AddDownload(){
 			 			show_loading_bar(20);
						$.ajax({
  								type: 'POST',
  								url: 'common/addDownloadHttpFile',
  								data: {"path":$("#FolderPath").val(),"fileName":$("#downloadFileName").val(),"url":$("#downloadFileUrl").val()},
  								dataType: 'json',
 			 					success: function(data){
 			 					show_loading_bar(100);
 			 						zeroModal.success({
 			 							content: '操作成功！',
 			 							okFn: function() {
                							jQuery('#downloadmodel').modal('hide');
            							}
 			 						});
 			 						
 			 					}
						});
					}
					
					function setvcode(uid){
						$.ajax({
  								type: 'GET',
  								url: 'common/setBaiDuYunVCod',
  								data: {"uid":uid,"vcod":$("#baiduyunVcode").val()},
  								dataType: 'json',
 			 					success: function(data){
 			 					if(data.VCodeState=="1"){
 			 						$("#vcodeUrl").attr("src",data.VCodePath);
 			 					}else{
 			 						zeroModal.success({
 			 							content: '操作成功！',
 			 							okFn: function() {
                							jQuery('#vcodeModel').modal('hide');
            							}
 			 						});
 			 					}
 			 					}
						});
					}
					
					function AddBaiDuYunDownload(){
						show_loading_bar(20);
						$.ajax({
  								type: 'POST',
  								url: 'common/addDownloadBaiDuYunFile',
  								data: {"path":$("#FolderPath").val(),"url":$("#downloadFileUrl").val()},
  								dataType: 'json',
 			 					success: function(data){
 			 					show_loading_bar(100);
 			 						if(data.VCodeState=="1"){
 			 							$("#vcodeUrl").attr("src",data.VCodePath);
 			 							$("#baiduyunVcodeBtn").attr("onclick","setvcode('"+data.UID+"')");
                						jQuery('#downloadmodel').modal('hide');
										jQuery('#vcodeModel').modal('show', {backdrop: 'static'});
 			 						}else{
 			 							zeroModal.success({
 			 							content: '操作成功！',
 			 							okFn: function() {
                								jQuery('#downloadmodel').modal('hide');
            								}
 			 							});
 			 						}
 			 					}
						});
					}
				
					function addDownloadShow() {
						jQuery('#downloadmodel').modal('show', {backdrop: 'static'});
    				}
				
				
					$(document).ready(function(){
						loadRoots();
					});
					
					function removeLastPathItem(){
						if($("#pathItem").find("li").length==2){
							$("#pathItem").find("li:last").remove();
						}else{
							$("#pathItem").find("li:last").remove();
							$("#pathItem").find("li:last").remove();
						}
						var lastText = $("#pathItem").find("li:last").find("a").text();
						$("#pathItem").find("li:last").find(".pathName").html("<strong>"+lastText+"</strong>");
						
					}
					
					function addPathItem(path,name){
						var lastText = $("#pathItem").find("li:last").find("a").text();
						$("#pathItem").find("li:last").find(".pathName").html(lastText);
						var conten = "<li><a class='pathName' href=\"javascript:loadPath('"+path+"')\"><strong>"+name+"</strong></a></li>";
						$("#pathItem").append(conten);
					}
					
					function backFolder(path){
						removeLastPathItem();
						loadPath(path);
					}
					
					function loadRoots(){
						show_loading_bar(20);
						$("#Folders").html("");
						$("#files").html("");
						$.ajax({
  								type: 'GET',
  								url: 'common/disks',
  								data: '',
  								dataType: 'json',
 			 					success: function(data){
 			 						show_loading_bar(65);
 			 						var size = 0;
 			 						var freeSize = 0;
 			 						for(var i = 0 ;i<data.length;i++){
 			 							var conten = "<li><a href=\"javascript:loadPath('"+data[i].symbol+"');\"> <i class='fa-folder-o'></i> <span>"+data[i].name+"</span></a></li>";
 			 							$("#Folders").append(conten);
 			 						}
 			 						show_loading_bar(100);
 			 					}
						});
					}
					
					function loadPath(path){
						show_loading_bar(20);
						$.ajax({
  								type: 'POST',
  								url: 'common/folder',
  								data: {"path": path},
  								dataType: 'json',
 			 					success: function(data){
 			 						show_loading_bar(65);
									$("#Folders").html("");
									$("#files").html("");
									$("#sourceVidoList").html("");
 			 						var folder = data.folders;
 			 						$("#FolderPath").val(data.path);
 			 						if(data.superFolder==null||data.superFolder==""){
 			 							var content = "<li class='active'><a href='javascript:loadRoots()'> <i class='fa-folder-open-o'></i> <span>返回根目录</span></a></li>"
 			 							$("#Folders").append(content);
 			 						}else{
 			 							var content = "<li class='active'><a href=\"javascript:backFolder('"+data.superFolder.path+"')\"> <i class='fa-folder-open-o'></i> <span>返回:"+data.superFolder.name+"</span></a></li>"
 			 							$("#Folders").append(content);
 			 							addPathItem(data.path,data.name);
 			 						}
 			 						for(var i = 0;i<folder.length;i++){
 			 							var content = "<li><a href=\"javascript:loadPath('"+folder[i].path+"')\"> <i class='fa-folder-o'></i> <span>"+folder[i].name+"</span></a></li>";
 			 							$("#Folders").append(content);
 			 						}
 			 						
 			 						var files = data.files;
 			 						for(var i = 0;i < files.length;i++){ 
 			 							var content = "<div class='col-md-3 col-sm-3 col-xs-4'>";
											content += "		<div class='album-image'>";
											if(files[i].type.toLowerCase()=="mp4"||files[i].type.toLowerCase()=="mkv"){
										    	content += "<a href=\"javascript:loadMedia('"+files[i].path+"');\" class='thumb' data-action='edit'> ";
										    }else{
										    	content += "<a href='common/downloadFile?path="+files[i].path+"' class='thumb' data-action='edit'> ";
										    }
											content += "<img id='homeImg"+files[i].id+"' src='assets/images/album-img-1.png' class='img-responsive' />";
										  	content += "</a> ";
										  	content += "<a href='#' class='name'> <span>"+files[i].name+"</span>";
										  	content += "<em>"+files[i].creatTime+"</em>";
										  	content += "<em>文件大小:"+conver(files[i].size)+"</em>";
										  	content += "</a>";
										  	content += "<div class='image-options'>";
										  	content += "<a href='#' data-action='edit'><i class='fa-pencil'></i></a> ";
										  	content += "<a href='#' data-action='trash'><i class='fa-trash'></i></a>";
										  	content += "</div>";
										  	content += "<div class='image-checkbox'>";
										  	content += "<input type='checkbox' class='cbr' />";
										  	content += "</div>";
										  	content += "</div>";
										  	content += "</div>";
										$("#files").append(content);
										
										
										if(files[i].type.toLowerCase()=="mp4"||files[i].type.toLowerCase()=="mkv"){
											$("#sourceVidoList").append("<video id='video"+files[i].id+"' controls='controls'> <source src='common/mediaIo?path="+encodeURI(encodeURI(files[i].path))+"'></video>");
											loadHomeImg(files[i].id);
										}
										if(files[i].type.toLowerCase()=="jpg"||files[i].type.toLowerCase()=="png"){
											$("homeImg"+files[i].id).attr("src","common/imgIo?path="+encodeURI(encodeURI(files[i].path)));
										}
 			 						}
 			 					show_loading_bar(100);
 			 					}
						});
					}
					
					
					function loadHomeImg(id){
						var video;
						var scale = 0.8;
						var initialize = function() {
						video = document.getElementById("video"+id);
						video.addEventListener('loadeddata',captureImage);
						};
						 
						var captureImage = function() {
						            var canvas = document.createElement("canvas");
						            canvas.width = video.videoWidth * scale;
						            canvas.height = video.videoHeight * scale;
						            canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
						 
						            var img = document.getElementById("homeImg"+id);
						            img.src = canvas.toDataURL("image/png");
						};
						 
						initialize();
						}
					
					
					function conver(limit){  
        				var size = "";  
        				if( limit < 0.1 * 1024 ){ //如果小于0.1KB转化成B  
            				size = limit.toFixed(2) + "B";    
        				}else if(limit < 0.1 * 1024 * 1024 ){//如果小于0.1MB转化成KB  
           	 				size = (limit / 1024).toFixed(2) + "KB";              
        				}else if(limit < 0.1 * 1024 * 1024 * 1024){ //如果小于0.1GB转化成MB  
            				size = (limit / (1024 * 1024)).toFixed(2) + "MB";  
        				}else{ //其他转化成GB  
           	 				size = (limit / (1024 * 1024 * 1024)).toFixed(2) + "GB";  
        				}  
          
        				var sizestr = size + "";   
        				var len = sizestr.indexOf("\.");  
        				var dec = sizestr.substr(len + 1, 2);  
        				if(dec == "00"){//当小数点后为00时 去掉小数部分  
            				return sizestr.substring(0,len) + sizestr.substr(len + 3,2);  
        				}  
        				return sizestr;  
    				}  
				</script>
				<!-- Gallery Sidebar -->
				<div class="col-sm-3 gallery-left">

					<div class="gallery-sidebar">
						<input id="FolderPath" hidden="hidden" value=""/>
						<a href="javascript:addDownloadShow();" class="btn btn-block btn-secondary btn-icon btn-icon-standalone btn-icon-standalone-right">
							<i class="linecons-photo"></i> <span>新建下载任务</span>
						</a>

						<ul class="list-unstyled" id="Folders">
							<li><li>
						</ul>

					</div>

				</div>

			</div>

			</section>
			<!-- Main Footer -->
			<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
			<!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
			<!-- Or class "fixed" to  always fix the footer to the end of page -->
			<footer class="main-footer sticky footer-type-1">

			<div class="footer-inner">

				<!-- Add your copyright text here -->
				<div class="footer-text">
					&copy; 2014 <strong>Xenon</strong> More Templates <a
						href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
					- Collect from <a href="http://www.cssmoban.com/" title="网页模板"
						target="_blank">网页模板</a>
				</div>


				<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
				<div class="go-up">

					<a href="#" rel="go-top"> <i class="fa-angle-up"></i>
					</a>

				</div>

			</div>

			</footer>
		</div>


		<!-- start: Chat Section -->
		<div id="chat" class="fixed">

			<div class="chat-inner">


				<h2 class="chat-header">
					<a href="#" class="chat-close" data-toggle="chat"> <i
						class="fa-plus-circle rotate-45deg"></i>
					</a> Chat <span class="badge badge-success is-hidden">0</span>
				</h2>

				<script type="text/javascript">
					// Here is just a sample how to open chat conversation box
					jQuery(document)
							.ready(
									function($) {
										var $chat_conversation = $(".chat-conversation");

										$(".chat-group a")
												.on(
														'click',
														function(ev) {
															ev.preventDefault();

															$chat_conversation
																	.toggleClass('is-open');

															$(
																	".chat-conversation textarea")
																	.trigger(
																			'autosize.resize')
																	.focus();
														});

										$(".conversation-close")
												.on(
														'click',
														function(ev) {
															ev.preventDefault();
															$chat_conversation
																	.removeClass('is-open');
														});
									});
				</script>


				<div class="chat-group">
					<strong>Favorites</strong> <a href="#"><span
						class="user-status is-online"></span> <em>Catherine J.
							Watkins</em></a> <a href="#"><span class="user-status is-online"></span>
						<em>Nicholas R. Walker</em></a> <a href="#"><span
						class="user-status is-busy"></span> <em>Susan J. Best</em></a> <a
						href="#"><span class="user-status is-idle"></span> <em>Fernando
							G. Olson</em></a> <a href="#"><span class="user-status is-offline"></span>
						<em>Brandon S. Young</em></a>
				</div>


				<div class="chat-group">
					<strong>Work</strong> <a href="#"><span
						class="user-status is-busy"></span> <em>Rodrigo E. Lozano</em></a> <a
						href="#"><span class="user-status is-offline"></span> <em>Robert
							J. Garcia</em></a> <a href="#"><span class="user-status is-offline"></span>
						<em>Daniel A. Pena</em></a>
				</div>


				<div class="chat-group">
					<strong>Other</strong> <a href="#"><span
						class="user-status is-online"></span> <em>Dennis E. Johnson</em></a> <a
						href="#"><span class="user-status is-online"></span> <em>Stuart
							A. Shire</em></a> <a href="#"><span class="user-status is-online"></span>
						<em>Janet I. Matas</em></a> <a href="#"><span
						class="user-status is-online"></span> <em>Mindy A. Smith</em></a> <a
						href="#"><span class="user-status is-busy"></span> <em>Herman
							S. Foltz</em></a> <a href="#"><span class="user-status is-busy"></span>
						<em>Gregory E. Robie</em></a> <a href="#"><span
						class="user-status is-busy"></span> <em>Nellie T. Foreman</em></a> <a
						href="#"><span class="user-status is-busy"></span> <em>William
							R. Miller</em></a> <a href="#"><span class="user-status is-idle"></span>
						<em>Vivian J. Hall</em></a> <a href="#"><span
						class="user-status is-offline"></span> <em>Melinda A.
							Anderson</em></a> <a href="#"><span class="user-status is-offline"></span>
						<em>Gary M. Mooneyham</em></a> <a href="#"><span
						class="user-status is-offline"></span> <em>Robert C. Medina</em></a> <a
						href="#"><span class="user-status is-offline"></span> <em>Dylan
							C. Bernal</em></a> <a href="#"><span class="user-status is-offline"></span>
						<em>Marc P. Sanborn</em></a> <a href="#"><span
						class="user-status is-offline"></span> <em>Kenneth M.
							Rochester</em></a> <a href="#"><span class="user-status is-offline"></span>
						<em>Rachael D. Carpenter</em></a>
				</div>

			</div>

			<!-- conversation template -->
			<div class="chat-conversation">

				<div class="conversation-header">
					<a href="#" class="conversation-close"> &times; </a> <span
						class="user-status is-online"></span> <span class="display-name">Arlind
						Nushi</span> <small>Online</small>
				</div>

				<ul class="conversation-body">
					<li><span class="user">Arlind Nushi</span> <span class="time">09:00</span>
						<p>Are you here?</p></li>
					<li class="odd"><span class="user">Brandon S. Young</span> <span
						class="time">09:25</span>
						<p>This message is pre-queued.</p></li>
					<li><span class="user">Brandon S. Young</span> <span
						class="time">09:26</span>
						<p>Whohoo!</p></li>
					<li class="odd"><span class="user">Arlind Nushi</span> <span
						class="time">09:27</span>
						<p>Do you like it?</p></li>
				</ul>

				<div class="chat-textarea">
					<textarea class="form-control autogrow"
						placeholder="Type your message"></textarea>
				</div>

			</div>

		</div>
		<!-- end: Chat Section -->

	
	</div>


	<!-- Gallery Modal Image -->
	<div class="modal fade" id="gallery-image-modal">
		<div class="modal-dialog">
			<div class="modal-content" style="padding:0;">
				<div id="dplayer">
					
				</div>

			</div>
		</div>
	</div>
	
	<!-- 新建文件下载弹出框BEGIN -->
	<div class="modal fade" id="downloadmodel" aria-hidden="true" style="display: none;">
		<div class="modal-dialog">
			<div class="modal-content">
				
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h4 class="modal-title">新建下载</h4>
				</div>
				
				<div class="modal-body">
				<form role="form" class="form-horizontal">
					<div class="row">
						<div class="form-group has-info">
							<label class="col-sm-2 control-label" for="field-9">下载地址:</label>
							<div class="col-sm-10">
								<input id="downloadFileUrl" type="text" class="form-control" id="field-9" placeholder="请输入下载地址">
							</div>
						</div>
					</div>
						<div class="form-group-separator"></div>
					<div class="row">	
						<div class="form-group has-info">
							<label class="col-sm-2 control-label" for="field-10">文件名:</label>
							<div class="col-sm-10">
								<input id="downloadFileName" type="text" class="form-control" id="field-10" placeholder="请输入文件名">
							</div>
						</div>
					</div>
					
				</form>
				</div>
				
					
					
				
				
				<div class="modal-footer">
					<button type="button" class="btn btn-info" onclick="AddDownload();">HTTP连接下载</button>
					<button type="button" class="btn btn-info" onclick="AddBaiDuYunDownload();">百度云连接下载</button>
					<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 新建文件下载弹出框END -->
	
	<!-- 百度云下载验证码输入框BEGIN -->
	<div class="modal fade" id="vcodeModel" aria-hidden="true" style="display: none;">
		<div class="modal-dialog">
			<div class="modal-content">
				
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h4 class="modal-title">请输入验证码</h4>
				</div>
				
				<div class="modal-body">
				<form role="form" class="form-horizontal">
					<div class="row">
						<div class="form-group has-info">
							<label class="col-sm-2 control-label" for="field-9">图片:</label>
							<div class="col-sm-10">
								<img id="vcodeUrl" src=""/>
							</div>
						</div>
					</div>
						<div class="form-group-separator"></div>
					<div class="row">	
						<div class="form-group has-info">
							<label class="col-sm-2 control-label" for="field-10">验证码:</label>
							<div class="col-sm-10">
								<input id="baiduyunVcode" type="text" class="form-control" placeholder="请输入验证码">
							</div>
						</div>
					</div>
					
				</form>
				</div>
				
					
					
				
				
				<div class="modal-footer">
					<button id="baiduyunVcodeBtn" type="button" class="btn btn-info" onclick="setvcode();">确定</button>
					<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 百度云下载验证码输入框END -->

	<!-- Gallery Delete Image (Confirm)-->
	<div class="modal fade" id="gallery-image-delete-modal"
		data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">

				<div class="modal-header">
					<h4 class="modal-title">Confirm Image Deletion</h4>
				</div>

				<div class="modal-body">Do you really want to delete this
					image?</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-danger">Delete</button>
				</div>
			</div>
		</div>
	</div>
	
	
	<div id="sourceVidoList" style="display: none;"></div>

	<script src="textModel/js/zeroModal.min.js"></script>

	<!-- Bottom Scripts -->
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/TweenMax.min.js"></script>
	<script src="assets/js/resizeable.js"></script>
	<script src="assets/js/joinable.js"></script>
	<script src="assets/js/xenon-api.js"></script>
	<script src="assets/js/xenon-toggles.js"></script>


	<!-- Imported scripts on this page -->
	<script src="assets/js/jquery-ui/jquery-ui.min.js"></script>


	<!-- JavaScripts initializations and stuff -->
	<script src="assets/js/xenon-custom.js"></script>
	<script src="DPlayer/DPlayer.min.js"></script>
	<div class="xenon-loading-bar"><span data-pct="0"></span></div>
	<script type="text/javascript">
		var player;
		function loadMedia(path){
			player = new DPlayer({
        		container: document.getElementById('dplayer'),
        		autoplay: false,
    			theme: '#FADFA3',
    			loop: true,
    			lang: 'zh-cn',
    			screenshot: true,
    			hotkey: true,
    			preload: 'auto',
    			mutex: true,
        		video: {
            		url: 'common/mediaIo?path='+encodeURI(encodeURI(path))
        		}
    		});
			$("#gallery-image-modal").modal('show');
		}
	</script>
</body>
</html>